<template>
	<gui-page>
		<template v-slot:gBody>
			<view 
			class="gui-margin-top">
				<gui-article-list 
				:articles="artciles" 
				@newstap="newstap"></gui-article-list>
			</view>
		</template>
	</gui-page>
</template>
<script>
// 模拟 api 请求数据，格式见 article.js
import artciles from '@/Grace6/demoData/article.js';
export default {
	data() {
		return {
			// 页面加载 
			pageLoading : true,
			// 新闻列表数据
			artciles : []
		}
	},
	onLoad:function(){
		// 模拟 api 加载
		setTimeout(()=>{
			this.artciles    = artciles.articleList;
			this.pageLoading = false;
		}, 1500);
	},
	methods: {
		// 新闻点击
		newstap : function (e) {
			// 获取新闻 id
			var newsId = e;
			console.log(newsId);
			// 打开新闻详情页面
			//uni.navigateTo()
		}
	}
}
</script>
<style scoped lang="scss">

</style>